<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
        <!--{{变量名称}}插值,让此处的变量名称和文本内容绑定-->
        {{info}}<b>{{info}}</b>
        <h1>{{info}}</h1>
        <!--v-text="变量名" 让元素的文本内容和变量绑定,并且必须依赖某个标签-->
        <h1 v-text="info" ></h1>
        <hr>
        <p v-text="info"></p>
        <!--v-html 让元素标签的内容和变量进行绑定,若info中包含html标签,则该标签体现html的作用-->
        <p v-html="info"></p>


    </div>

<script src="vueScript/vue.min.js"></script>
<script>
    let v=new Vue({
        el:"body>div",
        data:{
            info:"hello Vue!!!!!<b>文字加粗</b>"
        },
        methods:{

        }
    })
</script>
</body>
</html>